import { createApp } from 'vue';
import store from './store'; // 导入刚刚创建的 Vuex store
import App from './App.vue';
import router from './router'; // 导入你创建的路由实例
import './style.less';

// 2. 引入vant4组件样式
import 'vant/lib/index.css';

import {
  Button,
  Form,
  Field,
  Cell,
  CellGroup,
  Tabbar,
  TabbarItem,
  Search,
  DropdownMenu,
  DropdownItem,
  RadioGroup,
  Radio,
  Col,
  Row,
  TreeSelect,
  List,
  PullRefresh,
  Sticky,
  Swipe,
  SwipeItem,
  Image as VanImage,
  NavBar,
  ShareSheet,
  Area,
  Picker,
  Popup,
  Stepper,
  Uploader,
  Dialog 
} from 'vant';

const app = createApp(App);

app
  .use(Button)
  .use(Form)
  .use(Field)
  .use(CellGroup)
  .use(Tabbar)
  .use(TabbarItem)
  .use(Search)
  .use(DropdownMenu)
  .use(DropdownItem)
  .use(RadioGroup)
  .use(Radio)
  .use(Col)
  .use(Row)
  .use(TreeSelect)
  .use(List)
  .use(PullRefresh)
  .use(Cell)
  .use(Sticky)
  .use(Swipe)
  .use(SwipeItem)
  .use(VanImage)
  .use(NavBar)
  .use(ShareSheet)
  .use(Area)
  .use(Picker)
  .use(Popup)
  .use(Stepper)
  .use(Uploader)
  .use(Dialog)

app.use(store);
app.use(router);

app.mount('#app');
